.layout {
    --bb-layout-headerbar-backgound: #0959a5;
    --bb-layout-sidebar-banner-background: #033b70;
}

.dropdown .dropdown-item.dropdown-user {
    background-color: #044889;
}

.layout.is-page .layout-side {
    color: #3f4254;
    background-color: #fff;
    box-shadow: 0 0 28px 0 rgb(82 63 105 / 5%);
}

.layout.is-page .layout-user .layout-title {
    color: #2c3b41;
    background-color: #fff;
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    text-shadow: 6px 4px 3px #9c9696;
}

.layout.is-page .layout-footer {
    background-color: #2c3b41;
}

.layout.is-page .layout-banner {
    background-color: #367fA9;
}

.layout.is-page .layout-header {
    background: #044889;
}

.layout-gotop {
    background: #FFFFFF80;
    color: #3f4254;
}

    .layout-gotop:hover {
        background-color: #dee2e6;
    }

@media (min-width: 768px) {
    .sidebar {
        background-color: #fff !important;
    }
}

.modal-dialog-task ::-webkit-scrollbar-thumb {
    background-color: #ffffff66;
}

    .modal-dialog-task ::-webkit-scrollbar-thumb:hover {
        background-color: #ffffffb3;
    }

.tabs {
    --bb-tabs-border-card-header-bg-color: #ffffff;
}

    .tabs.tabs-border-card > .tabs-header .tabs-item.active {
        background-color: #f0f2f5;
    }

    .tabs.tabs-border-card .tabs-body {
        background-color: #f0f2f5;
    }

.table-fixed, .table-shim {
    box-shadow: 5px 8px 12px #c9c5c5;
    background-color: #ffffff;
}

.table-fixed-body {
    background-color: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-page-info {
    margin-left: 2px;
}

.tabs .tabs-body-content {
    background : inherit;
}

.menu {
    --bb-menu-item-hover-bg: #eceff3;
}
    .menu .submenu .nav-link:hover {
        background-color: #dce3f6 !important;
        color: #416589 !important;
    }

    .menu .submenu .nav-link.active {
        padding-top: 3px;
        padding-bottom: 4px;
    }

        .menu .submenu .nav-link.active .flex-fill {
            padding: 7px 10px 4px 10px;
            background-color: #c6d2ef;
            border-radius: 22px;
            color: #4f7def;
            margin-left: -8px;
            box-shadow: 1px 1px 1px #e2dfdf;
            flex: none !important;
        }

.layout-menu .scroll {
    overflow-x: hidden;
}

    .layout.is-page .layout-header {
        color: #e3e4ed;
    }

.dropdown-logout {
    --bb-logout-text-color: #c6c9db;
}

    .dropdown-logout .logout-text {
        margin-left: 0;
    }